<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>WeChat</title>
		<link rel="stylesheet" type="text/css" href="../css/wechat.css"/>
		<link rel="stylesheet" type="text/css" href="../css/find.css"/>
		<link rel="stylesheet" type="text/css" href="../css/address_book.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
		<body>
		<div class="screen">
			<!-- 状态栏 -->
			<div class="status_bar">
				<div class="signal">
					<img src="../img/信号.svg" alt="">
					<img src="../img/信号.svg" alt="">
					<p>15k/s</p>
				</div>
				<div class="time">
					<p>18:53</p>
				</div>
				<div class="other">
					<img src="../img/WiFi.svg" alt="">
					<img src="../img/铃声-静音.svg" alt="">
					<p>49%</p>
					<img src="../img/电池电量.svg" alt="">
				</div>
			</div>
			<!-- 微信头部 -->
			<div class="header">
				<p>发现</p>
				<div class="weright">
					<img src="../img/查找.svg" alt="">
					<img src="../img/添加.svg" alt="">
				</div>
			</div>
			<!-- 主体	 -->
			<div class="main">
				<ul class="find">
					<li>
						<a href="Circle_Of_Friend.html" target="_self">
							<div class="photo2">
								<img src="../img/朋友圈.svg" alt="">
							</div>
							<div class="name2">
								<p>朋友圈<span class="fa fa-angle-right" ></span></p>
							</div>
						</a>
					</li>
					<p>1</p>
					<li>
						<div class="photo2">
							<img src="../img/扫一扫.svg" alt="">
						</div>
						<div class="name2 sao">
							<p>扫一扫<span class="fa fa-angle-right"></span></p>
						</div>
					</li>
					<li>
						<div class="photo2">
							<img src="../img/摇一摇.svg" alt="">
						</div>
						<div class="name2">
							<p>摇一摇<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<p>2</p>
					<li>
						<div class="photo2">
							<img src="../img/看一看icon.svg" alt="">
						</div>
						<div class="name2 sao">
							<p>看一看<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<li>
						<div class="photo2">
							<img src="../img/搜一搜.svg" alt="">
						</div>
						<div class="name2">
							<p>搜一搜<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<p>3</p>
					<li>
						<div class="photo2">
							<img src="../img/附近的人.svg" alt="">
						</div>
						<div class="name2">
							<p>附近的人<span class="fa fa-angle-right si" ></span></p>
						</div>
					</li>
					<p>4</p>
					<li>
						<div class="photo2">
							<img src="../img/购物.svg" alt="">
						</div>
						<div class="name2 sao">
							<p>购物<span class="fa fa-angle-right er" ></span></p>
						</div>
					</li>
					<li>
						<div class="photo2">
							<img src="../img/游戏.svg" alt="">
						</div>
						<div class="name2">
							<p>游戏<span class="fa fa-angle-right er" ></span></p>
						</div>
					</li>
					<p>5</p>
					<li>
						<div class="photo2">
							<img src="../img/小程序.svg" alt="">
						</div>
						<div class="name2">
							<p>小程序<span class="fa fa-angle-right"></span></p>
						</div>
					</li>
					
				</ul>
			</div>
			
			
			<!-- footer区 -->
			<div class="footer">
				<div class="wechat">
					<a href="../wechat.html" class="a1find" target="_self">
						<div class="imgs onefind">
						</div>
						微信
					</a>
				</div>
				
				<div class="wechat">
					<a href="address_book.html" class="a2find" target="_self">
						<div class="imgs twofind">
						</div>
						通讯录
					</a>
				</div>
				
				<div class="wechat">
					<a href="find.html" class="a3find" target="_self">
						<div class="imgs threefind">
						</div>
						发现
					</a>
				</div>
				
				<div class="wechat">
					<a href="me.html" class="a4" target="_self">
						<div class="imgs four">
						</div>
						我
					</a>
				</div>
			</div>
		</div>
	</body>
</html>
